@CHARSET "UTF-8";
/* ==========================================================================
   page loading waiting animate
   ========================================================================== */
@-webkit-keyframes borderPulse { 
	 15%{ opacity: 1 }
	100%{
		-webkit-transform:scale(1.3);
		opacity:0
	}
}
@-moz-keyframes borderPulse {
	 15%{ opacity: 1 }
	100%{
		-webkit-transform:scale(1.3);
		opacity:0
	}
}
@-o-keyframes borderPulse {
	 15%{ opacity: 1 }
	100%{
		-webkit-transform:scale(1.3);
		opacity:0
	}
}
@keyframes borderPulse { 
	 15%{ opacity: 1 }
	100%{
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 0
	}
}

@-webkit-keyframes pulse { 
	  0%{ opacity: .5 }
	 50%{ opacity:  1 }
	100%{ opacity: .5 }
}
@-moz-keyframes pulse {
	  0%{ opacity: .5 }
	 50%{ opacity:  1 }
	100%{ opacity: .5 }
}
@-o-keyframes pulse {
	  0%{ opacity: .5 }
	 50%{ opacity:  1 }
	100%{ opacity: .5 }
}
@keyframes pulse { 
	  0%{ opacity: .5 }
	 50%{ opacity:  1 }
	100%{ opacity: .5 }
}

@-webkit-keyframes explode { 
	100%{
		opacity: 0;
		-webkit-transform: scale(3) rotate(30deg) translateY(60px);
	}
}
@-moz-keyframes explode {
	100%{
		opacity: 0;
		-webkit-transform: scale(3) rotate(30deg) translateY(60px);
	}
}
@-o-keyframes explode {
	100%{
		opacity: 0;
		-webkit-transform: scale(3) rotate(30deg) translateY(60px);
	}
}
@keyframes explode { 
	100%{
		opacity: 0;
		-webkit-transform: scale(3) rotate(30deg) translateY(60px);
		-moz-transform: scale(3) rotate(30deg) translateY(60px);
		-ms-transform: scale(3) rotate(30deg) translateY(60px);
		transform: scale(3) rotate(30deg) translateY(60px);
	}
}

@-webkit-keyframes wave { 
	 5%{ opacity: .6 }
	27%{
		-webkit-transform: scale(1.8);
		opacity: 0;
	}
	100%{ opacity: 0 }
}
@-moz-keyframes wave {
	 5%{ opacity: .6 }
	27%{
		-webkit-transform: scale(1.8);
		opacity: 0;
	}
	100%{ opacity: 0 }
}
@-o-keyframes wave {
	 5%{ opacity: .6 }
	27%{
		-webkit-transform: scale(1.8);
		opacity: 0;
	}
	100%{ opacity: 0 }
}
@keyframes wave { 
	5%{ opacity: .6 }
	27%{
		-webkit-transform: scale(1.8);
		-moz-transform: scale(1.8);
		-ms-transform: scale(1.8);
		transform: scale(1.8);
		opacity: 0;
	}
	100%{ opacity: 0 }
}

@-webkit-keyframes dropdownSlideInDown { 
	0%{
		opacity: 0;
		-webkit-transform: translateY(-20px)
	}
	100%{ -webkit-transform: translateY(0) }
}
@-moz-keyframes dropdownSlideInDown {
	0%{
		opacity: 0;
		-webkit-transform: translateY(-20px)
	}
	100%{ -webkit-transform: translateY(0) }
}
@-o-keyframes dropdownSlideInDown {
	0%{
		opacity: 0;
		-webkit-transform: translateY(-20px)
	}
	100%{ -webkit-transform: translateY(0) }
}
@keyframes dropdownSlideInDown {
	0%{
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100%{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes spin { 
	  0%{ -webkit-transform: rotate(0deg) }
	100%{ -webkit-transform: rotate(360deg) }
}
@-moz-keyframes spin {
		0%{ -webkit-transform: rotate(0deg) }
	100%{ -webkit-transform: rotate(360deg) }
}
@-o-keyframes spin {
		0%{ -webkit-transform: rotate(0deg) }
	100%{ -webkit-transform: rotate(360deg) }
}
@keyframes spin { 
	0%{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
/* page loading animation */
@-webkit-keyframes typing { 
	0%{
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
	}
	25%{
		background-color: rgba(255, 255, 255, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
	}
	75%{
		background-color: rgba(255, 255, 255, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 2);
	}
}
@-moz-keyframes typing {
	0%{
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
	}
	25%{
		background-color: rgba(255, 255, 255, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
	}
	75%{
		background-color: rgba(255, 255, 255, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 2);
	}
}
@keyframes typing { 
	0%{
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
	}
	25%{
		background-color: rgba(255, 255, 255, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
	}
	75%{
		background-color: rgba(255, 255, 255, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 2);
	}
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
/* page loading wait */
.loading-container {
	z-index: 2016;
	position: fixed;
	top: 45px;
	left: 224px;
	right: 0;
	bottom: 0;
	background-color: rgba(31, 174, 102, 0.8);
}
.loading-container .loader {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	-webkit-animation: typing 1s linear infinite alternate;
	-moz-animation: typing 1s linear infinite alternate;
	animation: typing 1s linear infinite alternate;
	margin: 50vh auto;
	position: relative;
	left: -12px;
}
.loading-waiter{
	position: absolute;
	z-index: 1040;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display: none;
	background-color: rgba(255, 255, 255, 0.5);
}
.loading-waiter .loader{
	margin: 40vh 30%;
	position: relative;
	text-align: center;
	border-radius: 5px;
	border: 1px solid rgba(31, 174, 102, 0.8);
	background-color: rgba(255, 255, 255, 0.8);
}
.loading-waiter .loader .spinner {
	margin: 0 auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  background-color: rgba(31, 174, 102, 0.8);
  height: 100%;
  width: 6px;
  display: inline-block;
	border-radius: 4px;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

/* ==========================================================================
   override bootstrap style
   ========================================================================== */
.row{
	margin-left: -10px;
	margin-right: -10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	padding-left: 10px;
	padding-right: 10px;
}

.bootstrapTable-row-disable,
.bootstrapTable-row-disable.selected{
	background: #ccc;
	cursor: url('images/cursor/disabled.png'),auto;
}

.popover-toolbar {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
	text-align: right;
}

/* ==========================================================================
   page common style
   ========================================================================== */
html {
	min-height: 100%;
	position: relative;
	overflow-x: hidden;
}
body {
	padding-bottom: 0;
	min-height: 100%;
	font-family: 'Open Sans', 'Segoe UI';
	font-size: 13px;
	color: #555;
}
body:before {
	content: " ";
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	background-color: #eee;
}

/* ==========================================================================
   login style
   ========================================================================== */
html.login-html, body.login-body {
	height: 100%;
	min-height: 100vh;
	overflow: hidden;
}
.login-container {
	height: 100%;
	text-align: center;
	padding-top: 65px;
	padding-bottom: 110px;
}
.login-container:before {
	height: 50%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #00bcd4;
	content: "";
	z-index: 0;
}
.login-container:after {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 1px;
	height: 100%;
}
.login-container .form-box {
	margin-top: 35px;
}
.login-container .form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: #eee;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	text-align: left;
	-webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 2px 40px rgba(0, 0, 0, .4);
	box-shadow: 0 2px 40px rgba(0, 0, 0, .4);
}
.login-container .form-top-left h3 {
	margin-top: 0;
}
.login-container .form-bottom {
	padding: 25px 25px 30px 25px;
	background: #fff;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	text-align: left;
	-webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 2px 40px rgba(0, 0, 0, .4);
	box-shadow: 0 2px 40px rgba(0, 0, 0, .4);
}
.login-container .form-top-left {
    float: left;
    width: 75%;
    padding-top: 25px;
}
.login-container .form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 66px;
	color: #ddd;
	line-height: 100px;
	text-align: right;
}
.login-container .form-bottom form button.btn {
	width: 100%;
}
.login-container button.btn {
	height: 50px;
	margin: 0;
	padding: 0 20px;
	vertical-align: middle;
	background: #4aaf51;
	border: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 50px;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.login-container button.btn i{
	margin-right: 15px;
}
.login-container .input-group-addon{
	border-width: 2px;
	border-color: #ddd;
	font-size: 20px;
}
.login-container .form-username,
.login-container .form-password {
	height: 50px;
	margin: 0;
	padding: 0 20px;
	vertical-align: middle;
	background: #f8f8f8;
	border-top: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 50px;
	color: #888;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.login-container .login-icon{
	font-size: 26px;
}

/* ==========================================================================
   TODO page navbar style
   ========================================================================== */
.navbar {
	padding: 0;
	margin: 0;
	border: none;
	height: 45px;
	min-height: 45px;
	z-index: 200;
}
.navbar .navbar-inner {
	border: 0;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	min-height: 45px;
	position: relative;
	background: #242729;
}
.navbar .navbar-inner .navbar-container {
	padding-left: 10px
}
.navbar .navbar-inner .navbar-header .navbar-account {
	height: 45px
}
.navbar .navbar-inner .navbar-header .navbar-account>div {
	display: inline-block;
	width: auto;
	vertical-align: top
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area {
	position: absolute;
	right: 5px;
	top: 0;
	zoom: 1;
	filter: alpha(opacity = 100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	list-style: none;
	margin-bottom: 0;
	display: inline-block
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
	float: left;
	position: relative;
	height: 45px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a {
	position: relative;
	min-width: 50px;
	height: 45px;
	display: inline-block;
	text-decoration: none;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a:hover {
	text-decoration: none
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a .icon {
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 48px;
	text-align: center;
	-webkit-transition: line-height .3s ease;
	-moz-transition: line-height .3s ease;
	-o-transition: line-height .3s ease;
	transition: line-height .3s ease
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a .badge {
	position: absolute;
	top: 6px;
	left: 4px;
	padding: 2px;
	cursor: pointer;
	background-color: transparent !important;
	border: 1px solid #fff;
	width: 18px;
	height: 18px;
	box-shadow: 1px 1px 0 #2dc3e8;
	-webkit-transition: top .3s ease;
	-moz-transition: top .3s ease;
	-o-transition: top .3s ease;
	transition: top .3s ease
}
/* navbar account wave */
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.wave {
	overflow: visible;
	cursor: pointer;
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .3s cubic-bezier(.68, -.55, .265, 1.55);
	-moz-transition: -moz-transform .3s cubic-bezier(.68, -.55, .265, 1.55);
	-o-transition: -o-transform .3s cubic-bezier(.68, -.55, .265, 1.55);
	transition: -webkit-transform .3s cubic-bezier(.68, -.55, .265, 1.55),
							-moz-transform .3s cubic-bezier(.68, -.55, .265, 1.55), 
							-o-transform .3s cubic-bezier(.68, -.55, .265, 1.55), 
							transform .3s cubic-bezier(.68, -.55, .265, 1.55)
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.wave.in {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.wave.in:after {
	content: " ";
	top: 3px;
	left: 5px;
	position: absolute;
	width: 40px;
	height: 40px;
	background-image: 8121991;
	background-image: -webkit-radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #f5f5f5 100%);
	background-image: -moz-radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #f5f5f5 100%);
	background-image: -o-radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #f5f5f5 100%);
	background-image: radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #f5f5f5 100%);
	border: 1px solid #fff;
	-webkit-animation: wave 5s 3s infinite linear;
	-moz-animation: wave 5s 3s infinite linear;
	-o-animation: wave 5s 3s infinite linear;
	animation: wave 5s 3s infinite linear;
	zoom: 1;
	filter: alpha(opacity = 0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse {
	width: 45px;
	height: 45px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse:after, 
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse:before {
	content: " ";
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse:after,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse:before {
	-webkit-transform: scale(.91);
	-moz-transform: scale(.91);
	-o-transform: scale(.91);
	-ms-transform: scale(.91);
	transform: scale(.91);
	-webkit-animation: borderPulse 3.5s infinite ease;
	-moz-animation: borderPulse 3.5s infinite ease;
	-o-animation: borderPulse 3.5s infinite ease;
	animation: borderPulse 3.5s infinite ease
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse .badge {
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse:before {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse i,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse .badge {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.blink i,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.blink .badge {
	-webkit-transform: scale(.91);
	-moz-transform: scale(.91);
	-o-transform: scale(.91);
	-ms-transform: scale(.91);
	transform: scale(.91);
	-webkit-animation: borderPulse 3.5s infinite ease;
	-moz-animation: borderPulse 3.5s infinite ease;
	-o-animation: borderPulse 3.5s infinite ease;
	animation: borderPulse 3.5s infinite ease
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.blink i {
	-webkit-animation-delay: .05s;
	-moz-animation-delay: .05s;
	-o-animation-delay: .05s;
	animation-delay: .05s
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu {
	padding: 0;
	min-width: 240px;
	-webkit-animation-name: dropdownSlideInDown;
	-moz-animation-name: dropdownSlideInDown;
	-o-animation-name: dropdownSlideInDown;
	animation-name: dropdownSlideInDown;
	-webkit-animation-duration: .3s;
	-moz-animation-duration: .3s;
	-o-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-border-radius: 0 !important;
	-webkit-background-clip: padding-box !important;
	-moz-border-radius: 0 !important;
	-moz-background-clip: padding !important;
	border-radius: 0 !important;
	background-clip: padding-box !important
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li {
	background-color: #fff;
	border: 0;
	padding: 0 8px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li:hover {
	background-color: #f5f5f5
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li a {
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	padding: 10px 2px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li a .progress {
	margin-bottom: 0;
	margin-top: 4px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li a:hover {
	background-color: #f5f5f5
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-header, 
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-footer {
	-webkit-text-shadow: none;
	text-shadow: none;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
	color: #262626
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-header {
	padding: 0 10px;
	line-height: 34px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cecece
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-header a {
	line-height: 34px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-header[class*="bordered-"] {
	border-bottom-width: 3px;
	border-style: solid
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-header i{
	margin-right: 5px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-footer {
	padding: 8px 5px 8px 10px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-footer[class*="bordered-"] {
	border-top-width: 3px;
	border-style: solid
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-footer a {
	display: inline-block;
	color: #999;
	padding: 0
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-footer .btn {
	margin-top: -3px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications {
	min-width: 300px;
	padding-top: 10px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li {
	border-bottom: 1px solid #f3f3f3
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-icon {
	float: left
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-icon i {
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	margin-right: 10px;
	font-size: 15px;
	border-radius: 50%
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-body {
	float: left
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-body .title {
	display: block;
	font-size: 13px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-body .description {
	display: block;
	font-size: 10px;
	color: #999
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-extra {
	float: right;
	text-align: right
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-extra i {
	font-size: 14px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-extra .description {
	display: block;
	font-size: 10px;
	color: #999
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li.dropdown-footer {
	background-color: #1fae66;
	border-bottom: 0;
	color: #fff
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li.dropdown-footer a {
	color: #fff
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li.dropdown-footer .weather-icon {
	margin-top: -7px;
	margin-left: 5px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages {
	width: 300px;
	padding-top: 10px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li {
	border-bottom: 1px solid #f3f3f3
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message-avatar {
	max-width: 42px;
	margin-right: 6px;
	margin-top: 5px;
	vertical-align: top
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message {
	display: inline-block;
	position: relative;
	width: 225px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message span {
	display: block
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message-sender {
	font-size: 13px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message-time {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 11px;
	font-weight: 400;
	color: #2dc3e8
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message-subject {
	margin-top: 5px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message-body {
	color: #999;
	max-height: 35px;
	width: 100%;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li {
	border-bottom: 1px solid #f5f5f5
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li:hover,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li a:hover {
	background-color: #fff
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.username {
	display: none;
	text-align: center
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.username,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.username a {
	color: #d0d0d0;
	font-size: 14px;
	font-weight: 300
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.email {
	text-align: center;
	font-size: 12px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.email,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.email a {
	color: #d0d0d0
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li .avatar-area {
	position: relative;
	text-align: center;
	margin: 10px auto;
	width: 128px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li .avatar-area .avatar {
	width: 128px;
	height: 128px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li .avatar-area .caption {
	background-color: #2dc3e8;
	zoom: 1;
	filter: alpha(opacity = 70);
	-webkit-opacity: .7;
	-moz-opacity: .7;
	opacity: .7;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size: 10px;
	line-height: 9px;
	position: absolute;
	padding: 7px 0;
	text-align: center;
	width: 128px;
	cursor: pointer
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.edit {
	min-height: 35px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.edit a {
	color: #999;
	display: inline-block;
	clear: none;
	font-size: 13px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.edit a:hover {
	color: #11a9cc
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area {
	display: table;
	width: 100%;
	padding-bottom: 5px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area .colorpicker {
	padding: 10px 4px;
	width: 100%
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area .colorpicker>li {
	display: block;
	float: left;
	width: 23px;
	height: 23px;
	margin: 2px;
	padding: 0
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area .colorpicker>li>.colorpick-btn {
	display: block;
	width: 23px;
	height: 23px;
	margin: 0;
	padding: 0;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box;
	position: relative;
	-webkit-transition: all ease .1s;
	-moz-transition: all ease .1s;
	-o-transition: all ease .1s;
	transition: all ease .1s
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area .colorpicker>li>.colorpick-btn:hover {
	text-decoration: none;
	zoom: 1;
	filter: alpha(opacity = 80);
	-webkit-opacity: .8;
	-moz-opacity: .8;
	opacity: .8;
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08)
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area .colorpicker>li>.colorpick-btn.selected:after {
	content: " ";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 11px;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 20px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area .btn-colorpicker {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #ddd;
	vertical-align: middle;
	border-radius: 0
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.dropdown-footer {
	padding: 10px;
	border-top: 3px solid #2dc3e8;
	border-bottom: 0;
	text-align: right
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.dropdown-footer a {
	color: #717171;
	font-size: 13px;
	font-weight: 300
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-arrow:before {
	content: " ";
	display: inline-block;
	right: 0;
	position: absolute;
	width: 50px;
	background-color: #fff;
	border: 0;
	top: -46px;
	height: 3px;
	-webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 2px 40px rgba(0, 0, 0, .4);
	box-shadow: 0 2px 40px rgba(0, 0, 0, .4)
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a:hover{
	-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 2px 20px rgba(0, 0, 0, .8);
	box-shadow: 0 2px 20px rgba(0, 0, 0, .8);
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li.open>a {
	background-color: rgba(31, 174, 102, 0.8);
	/*-webkit-box-shadow: 0 2px 40px rgba(240, 240, 240, .5);
	-moz-box-shadow: 0 2px 40px rgba(240, 240, 240, .5);
	box-shadow: 0 2px 40px rgba(240, 240, 240, .5);*/
	
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .9);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .9);
	box-shadow: 0 0 20px rgba(0, 0, 0, .9);
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li.open .dropdown-menu {
	margin-top: 0;
	right: 0;
	border: 0 !important
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area {
	padding: 8px 20px 10px 20px;
	height: 45px;
	opacity: 1;
	position: relative;
	cursor: pointer
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar {
	margin-right: 14px;
	display: block;
	float: left;
	border-left: 2px solid #fb6e52;
	width: 29px;
	height: 29px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar img {
	width: 29px;
	height: 29px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section {
	width: auto;
	display: block;
	overflow: hidden;
	line-height: 25px;
	float: left
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section h2 {
	font-size: 14px;
	font-weight: 400;
	white-space: nowrap;
	margin: 0
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section h2 span {
	display: block;
	color: #fff;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-decoration: none;
	line-height: 25px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area+.dropdown-menu {
	width: 100%;
	min-width: 100px
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area+.dropdown-arrow:before {
	width: 100%
}
.navbar .navbar-inner .navbar-header .navbar-account .setting {
	width: 50px;
	position: absolute;
	right: 0;
	top: 0
}
.navbar .navbar-inner .navbar-header .navbar-account .setting a {
	position: relative;
	width: 50px;
	height: 45px;
	display: inline-block;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.navbar .navbar-inner .navbar-header .navbar-account .setting a:hover {
	text-decoration: none
}
.navbar .navbar-inner .navbar-header .navbar-account .setting a .icon {
	display: block;
	color: #fff;
	font-size: 22px;
	line-height: 45px;
	text-align: center
}
.navbar .navbar-inner .navbar-header .navbar-account .setting-container
	{
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-o-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	display: inline-block;
	width: 505px;
	height: 45px;
	zoom: 1;
	filter: alpha(opacity = 0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	text-align: center;
	padding: 11px 0;
	position: absolute;
	top: 0;
	right: 0
}
.navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox] {
	display: inline-block
}
.navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox]+.text {
	color: #fff;
	margin-right: 8px;
	font-weight: 300
}
.navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox]+.text:before {
	border-color: #2dc3e8
}
.navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox]:checked+.text {
	color: #fff
}
.navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox]:checked+.text:before {
	border-color: #2dc3e8;
	color: #fb6e52
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area,
.navbar .navbar-inner .navbar-header .navbar-account .setting-container,
.navbar .navbar-inner .navbar-header .navbar-account .setting {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: .9s;
	-moz-transition: .9s;
	-o-transition: .9s;
	transition: .9s
}
.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
	right: 505px;
	background-color: #2dc3e8
}
.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting a {
	-webkit-box-shadow: 0 -6px 40px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 -6px 40px rgba(0, 0, 0, .4);
	box-shadow: 0 -6px 40px rgba(0, 0, 0, .4)
}
.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting a:before {
	content: " ";
	display: inline-block;
	right: 0;
	position: absolute;
	width: 50px;
	background-color: #fff;
	border: 0;
	top: 0;
	height: 3px
}
.navbar .navbar-inner .navbar-header .navbar-account.setting-open .account-area {
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-o-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	zoom: 1;
	filter: alpha(opacity = 0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	right: 450px
}
.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	zoom: 1;
	filter: alpha(opacity = 100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	padding: 11px
}
.navbar .navbar-brand {
	color: #3bb572;
	font-size: 24px;
	-webkit-text-shadow: none;
	text-shadow: none;
	padding: 2px 0 2px 0;
	font-weight: 200;
	height: 45px;
	line-height: 30px;
}
.navbar .navbar-brand small img {
	height: 40px;
	width: 177px;
}
.navbar .navbar-brand .icon-logo{ font-size: 22px; }
.navbar .navbar-brand .text-logo{ font-size: 16px; }

/* navbar collapse */
.navbar .sidebar-collapse {
	text-align: center;
	padding: 0;
	position: absolute;
	left: 189px;
	top: 0;
	z-index: 2;
	width: 35px;
	height: 45px
}
.navbar .sidebar-collapse:hover {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
	box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
.navbar .sidebar-collapse .collapse-icon {
	display: inline-block;
	cursor: pointer;
	font-size: 18px;
	color: #f1f1f1;
	padding: 11px 5px;
	line-height: 22px;
	position: relative;
	-webkit-transition: background-color .218s ease;
	-moz-transition: background-color .218s ease;
	-o-transition: background-color .218s ease;
	transition: background-color .218s ease;
	-webkit-transition: -webkit-box-shadow .218s ease;
	-moz-transition: -moz-box-shadow .218s ease;
	-o-transition: box-shadow .218s ease;
	transition: box-shadow .218s ease;
	-webkit-transition: color .318s ease;
	-moz-transition: color .318s ease;
	-o-transition: color .318s ease;
	transition: color .318s ease
}
.navbar .sidebar-collapse.active:hover {
	box-shadow: none
}
.navbar .sidebar-collapse.active .collapse-icon {
	font-size: 14px;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	padding: 11px
}
.navbar.navbar-fixed-top {
	z-index: 1003
}
.navbar.navbar-fixed-top+.main-container {
	margin-top: 45px;
	margin-bottom: 37px;
}
/* ==========================================================================
   TODO page main container style
   ========================================================================== */
.main-container {
	position: absolute;
	padding: 0;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
}
.main-container>.page-container {
	position: relative;
	min-height: 100%;
}
.main-container:after {
	background-color: #fff;
	bottom: 0;
	content: " ";
	display: block;
	max-width: inherit;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -2;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

/* ==========================================================================
   TODO page sidemenu style
   ========================================================================== */
.page-sidebar {
	position: absolute;
	bottom: 0;
	top: 0;
	width: 224px;
	display: block
}
.page-sidebar.sidebar-fixed {
	position: fixed;
	top: 45px;
	float: none !important;
	z-index: 1000
}
.page-sidebar.sidebar-fixed:before {
	height: 5000px;
	top: 45px;
	bottom: auto
}
.page-sidebar.hide {
	display: none !important
}
.page-sidebar.hide:before {
	display: none
}
.page-sidebar.hide ~.page-content {
	margin-left: 0!important
}
.page-sidebar.hide ~.page-content .breadcrumbs-fixed {
	left: 0!important;
}
.page-sidebar.hide ~.page-content .page-header-fixed {
	left: 0!important;
}
.page-sidebar:before {
	content: " ";
	position: fixed;
	display: block;
	width: 224px;
	bottom: 0;
	left: 0;
	top: 0;
	background-color: #1fae66;
	border-right: 1px solid #198443;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	z-index: 1
}
.page-sidebar .sidebar-header-wrapper {
	height: 60px;
	margin-bottom: 0;
	position: relative;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile {
	position: absolute;
	z-index: 128;
	right: 0;
	left: 0;
	padding: 5px;
	height: 60px;
	background-color: #393d41;
	-webkit-box-shadow: -5px 0 5px -5px #999 inset;
	box-shadow: -5px 0 5px -5px #999 inset;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile a{
	position: relative;
	display: block;
	height: 100%;
	padding-top: 8px;
	padding-left: 8px;
	color: #555;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .profile-image,
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .profile-info{
	display: inline-block;
	float: left;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .profile-image img{
	background-color: #fefefe;
	border: 1px solid #e5e5e5;
	width: 36px;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .profile-info{
	margin-left: 10px;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .dropdown-menu {
	padding: 0;
	min-width: 240px;
	-webkit-animation-name: dropdownSlideInDown;
	-moz-animation-name: dropdownSlideInDown;
	-o-animation-name: dropdownSlideInDown;
	animation-name: dropdownSlideInDown;
	-webkit-animation-duration: .3s;
	-moz-animation-duration: .3s;
	-o-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-border-radius: 0 !important;
	-webkit-background-clip: padding-box !important;
	-moz-border-radius: 0 !important;
	-moz-background-clip: padding !important;
	border-radius: 0 !important;
	background-clip: padding-box !important;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile.open{
	-webkit-box-shadow: 0 2px 40px rgba(0,0,0,.4);
	-moz-box-shadow: 0 2px 40px rgba(0,0,0,.4);
	box-shadow: 0 2px 40px rgba(0,0,0,.4);
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile.open .dropdown-menu {
	margin-top: 0;
	right: 0;
	border: 0 !important;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .dropdown-toggle+.dropdown-menu {
  width: 100%;
  min-width: 100px;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .dropdown-toggle+.dropdown-arrow:before {
	width: 100%;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .dropdown-arrow:before {
	content: " ";
	display: inline-block;
	right: 0;
	position: absolute;
	width: 50px;
	background-color: rgba(31, 174, 102, 0.8);
	border: 0;
	top: -60px;
	height: 3px;
	-webkit-box-shadow: 0 2px 40px rgba(0,0,0,.4);
	-moz-box-shadow: 0 2px 40px rgba(0,0,0,.4);
	box-shadow: 0 2px 40px rgba(0,0,0,.4);
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .dropdown-profile>li{
  position: relative;
  list-style: none;
  text-align: left;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .dropdown-profile>li.line {
	border-top: 1px solid #eee;
	margin-top: 5px!important;
	margin-bottom: 5px!important;
	padding: 0!important;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .dropdown-profile>li:before,
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .dropdown-profile>li:after {
	content: " ";
	display: table;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .dropdown-profile>li .profile-icon  {
	display: inline-block;
	width: 16px;
	margin-left: 20px;
	text-align: center;
	font-size: 14px;
}
.page-sidebar .sidebar-header-wrapper .sidebar-header-profile .dropdown-profile>li .profile-text  {
	display: inline-block;
	margin-left: 10px;
  text-transform: none;
  padding-right: 15px;
}

.page-sidebar .sidebar-header-wrapper .searchinput {
	height: 41px;
	z-index: 2;
	background-color: #fff;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #fff;
	padding-left: 40px;
	width: 100%
}
.page-sidebar .sidebar-header-wrapper .searchinput:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-color: #fff
}
.page-sidebar .sidebar-header-wrapper .searchinput:focus ~.searchhelper{
	display: block;
	z-index: 124
}
.page-sidebar .sidebar-header-wrapper .searchinput::-webkit-input-placeholder{
	color: #d0d0d0;
	font-weight: 300;
	font-family: 'Open Sans', 'Segoe UI'
}
.page-sidebar .sidebar-header-wrapper .searchinput::-moz-placeholder {
	color: #d0d0d0;
	font-weight: 300;
	font-family: 'Open Sans', 'Segoe UI'
}
.page-sidebar .sidebar-header-wrapper .searchinput:-moz-placeholder {
	color: #d0d0d0;
	font-weight: 300;
	font-family: 'Open Sans', 'Segoe UI'
}
.page-sidebar .sidebar-header-wrapper .searchinput:-ms-input-placeholder
	{
	color: #d0d0d0;
	font-weight: 300;
	font-family: 'Open Sans', 'Segoe UI'
}
.page-sidebar .sidebar-header-wrapper .searchicon {
	cursor: pointer;
	display: inline-block;
	height: 12px;
	left: 20px;
	position: absolute;
	top: 14px;
	width: 12px;
	color: #2dc3e8;
	z-index: 124
}
.page-sidebar .sidebar-header-wrapper .searchhelper {
	-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
	box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
	background-color: #fff;
	color: #999;
	display: none;
	opacity: 1;
	padding: 10px;
	position: absolute;
	right: 0;
	left: 0;
	top: 40px;
	z-index: 4
}
.page-sidebar .sidebar-menu {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
}
.page-sidebar .sidebar-menu a {
	display: block;
	height: 38px;
	line-height: 36px;
	margin: 0;
	padding: 0 16px 0 7px;
	-webkit-text-shadow: none !important;
	text-shadow: none !important;
	font-size: 13px;
	text-decoration: none;
	color: #fefefe;
	z-index: 123
}
.page-sidebar .sidebar-menu a .menu-icon {
	display: inline-block;
	vertical-align: middle;
	min-width: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: -3px
}
.page-sidebar .sidebar-menu a .menu-expand {
	display: inline-block;
	position: absolute;
	font-size: 13px;
	line-height: 10px;
	height: 10px;
	width: 10px;
	right: 12px;
	top: 15px;
	margin: 0;
	text-align: center;
	padding: 0;
	text-shadow: none;
	color: #666;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal
}
.page-sidebar .sidebar-menu a .menu-expand:before {
	content: "";
}
.page-sidebar .sidebar-menu li {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	position: relative;
}
.page-sidebar .sidebar-menu>li {
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.15);
}
.page-sidebar .sidebar-menu li:before {
	display: none;
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -4px;
	width: 4px;
	max-width: 4px;
	overflow: hidden;
	background-color: #2dc3e8;
}
.page-sidebar .sidebar-menu>li>a:focus,
.page-sidebar .sidebar-menu>li>a:hover, 
.page-sidebar .sidebar-menu>li.open>a,
.page-sidebar .sidebar-menu .submenu li>a:hover {
	background-color: rgba(255,255,255,0.2);
}
.page-sidebar .sidebar-menu li.open>a .menu-expand {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.page-sidebar .sidebar-menu li.open>.submenu,
.page-sidebar .sidebar-menu li.active:not (.open ):before {
	display: block
}
.page-sidebar .sidebar-menu li.active>a {
	display: block;
	content: " ";
	background-color: #f5f5f5;
}
.page-sidebar .sidebar-menu li:not (.open ):hover:before {
	display: block;
	background-color: #fb6e52;
}
.page-sidebar .sidebar-menu>li>.submenu {
	background-color: rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15), inset 0 -4px 4px -2px rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15), inset 0 -4px 4px -2px rgba(0, 0, 0, .15);
	box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15), inset 0 -4px 4px -2px rgba(0, 0, 0, .15);
}
.page-sidebar .sidebar-menu>li>.submenu:before {
	content: " ";
	display: block;
	position: absolute;
	z-index: 1;
	left: 23px;
	top: 0;
	bottom: 19px;
	border-left: 1px solid #e2e2e2
}
.page-sidebar .sidebar-menu>li>.submenu>li>a:before {
	content: " ";
	display: inline-block;
	position: absolute;
	width: 5px;
	height: 5px;
	left: 21px;
	top: 17px;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	z-index: 2;
}
.page-sidebar .sidebar-menu>li>.submenu>li.active>a:before {
	background-color: #e2e2e2;
}
.page-sidebar .sidebar-menu>li>.submenu>li.active:first-child>a {
	-webkit-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15);
	box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15);
}
.page-sidebar .sidebar-menu>li>.submenu>li.active:last-child a {
	-webkit-box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, .15);
	box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, .15);
}
.page-sidebar .sidebar-menu .submenu {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	background-color: #fbfbfb;
	border-top: 0;
	z-index: 123;
}
.page-sidebar .sidebar-menu .submenu li {
	margin-left: 0;
	position: relative;
}
.page-sidebar .sidebar-menu .submenu li.open:before {
	display: none;
}
.page-sidebar .sidebar-menu .submenu li.active>a {
	color: #262626;
	background-color: #f5f5f5;
}
.page-sidebar .sidebar-menu .submenu li.active>.submenu {
	display: block;
}
.page-sidebar .sidebar-menu .submenu>li>a {
	padding-left: 40px;
}
.page-sidebar .sidebar-menu .submenu>li.open>a {
	background-color: #fbfbfb;
}
.page-sidebar .sidebar-menu .submenu>li .submenu {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.page-sidebar .sidebar-menu .submenu>li .submenu>li>a {
	padding-left: 50px;
}
.page-sidebar .sidebar-menu .submenu>li .submenu>li .submenu>li>a {
	padding-left: 70px;
}
.page-sidebar.menu-compact {
	width: 42px;
}
.page-sidebar.menu-compact ~.page-content {
	margin-left: 42px;
}
.page-sidebar.menu-compact ~.page-content .breadcrumbs-fixed {
	left: 47px;
}
.page-sidebar.menu-compact ~.page-content .page-header-fixed {
	left: 47px;
}
.page-sidebar.menu-compact:before {
	width: 42px;
}
.page-sidebar.menu-compact .sidebar-header-wrapper {
	width: 42px;
}
.page-sidebar.menu-compact .sidebar-header-wrapper .sidebar-header-profile a {
	padding-left: 1px;
}
.page-sidebar.menu-compact .sidebar-header-wrapper .sidebar-header-profile .profile-image img {
	width: 30px;
}
.page-sidebar.menu-compact .sidebar-header-wrapper .sidebar-header-profile .profile-info,
.page-sidebar.menu-compact .sidebar-header-wrapper .sidebar-header-profile .dropdown-profile {
	display: none;
}
.page-sidebar.menu-compact .sidebar-header-wrapper:hover {
	width: 238px;
}
.page-sidebar.menu-compact .sidebar-header-wrapper:hover .sidebar-header-profile .profile-info,
.page-sidebar.menu-compact .sidebar-header-wrapper:hover .sidebar-header-profile.open .dropdown-profile {
	display: block;
}
.page-sidebar.menu-compact .sidebar-header-wrapper:hover .searchinput {
	-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
	box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
}
.page-sidebar.menu-compact .sidebar-header-wrapper .searchinput:focus {
	width: 238px;
	-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
	box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
}
.page-sidebar.menu-compact .sidebar-header-wrapper .searchinput:focus ~.searchhelper {
	width: 238px;
}
.page-sidebar.menu-compact .sidebar-header-wrapper .searchicon {
	left: 15px;
}
.page-sidebar.menu-compact .sidebar-menu {
	width: 42px;
}
.page-sidebar.menu-compact .sidebar-menu>li.open>.menu-text {
	display: none !important;
}
.page-sidebar.menu-compact .sidebar-menu>li.open>.submenu {
	display: none !important;
}
.page-sidebar.menu-compact .sidebar-menu>li:hover>a {
	color: #262626;
}
.page-sidebar.menu-compact .sidebar-menu>li:hover>a>.menu-text {
	display: block;
}
.page-sidebar.menu-compact .sidebar-menu>li:hover>.submenu {
	display: block !important;
}
.page-sidebar.menu-compact .sidebar-menu>li>a {
	position: relative;
	z-index: 123;
}
.page-sidebar.menu-compact .sidebar-menu>li>a .menu-text {
	display: none;
	position: absolute;
	left: 42px;
	top: 0;
	width: 195px;
	height: 38px;
	line-height: 38px;
	background-color: rgba(255, 255, 255, 1);
	z-index: 121;
	padding-left: 25px;
	-webkit-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px -5px 5px -5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px -5px 5px -5px rgba(0, 0, 0, .3);
	box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px -5px 5px -5px rgba(0, 0, 0, .3)
}
.page-sidebar.menu-compact .sidebar-menu>li>a .menu-expand {
	display: none;
}
.page-sidebar.menu-compact .sidebar-menu>li>a.menu-dropdown {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.page-sidebar.menu-compact .sidebar-menu>li>a.menu-dropdown>.menu-text {
	border: 0;
	top: 0;
	left: 42px;
	width: 195px;
	border-bottom: 1px solid #f3f3f3;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.page-sidebar.menu-compact .sidebar-menu>li>a:hover {
	background-color: #fff;
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu {
	display: none;
	background: rgba(0,0,0,0.8);
	position: absolute;
	z-index: 120;
	left: 42px;
	top: 0;
	width: 195px;
	padding-top: 38px;
	border-left: 1px solid #f3f3f3;
	-webkit-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px -5px 5px -5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px -5px 5px -5px rgba(0, 0, 0, .3);
	box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px -5px 5px -5px rgba(0, 0, 0, .3)
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu li>a {
	margin-left: 0;
	padding-left: 24px;
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu li.open>.submenu {
	display: block;
	left: 0;
	position: relative;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu li .submenu {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu li:hover {
	background-color: rgba(0,0,0,0.8);
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu li:hover:before {
	display: block;
	left: 0;
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu li.active:not (.open):before {
	left: 0;
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu:before {
	display: none;
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu>li>a {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu>li>a:before {
	display: none;
}
.page-sidebar.menu-compact ~.page-content .loading-container{
	left:42px;
}

.page-sidebar .sidebar-logout{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}
.page-sidebar .sidebar-logout {
	background: #1fae66;
	border-right: 1px solid #198443;
	margin: 0;
	padding: 0;
}
.page-sidebar .sidebar-logout li {
	list-style: none;
	position: relative;
	border-top: 1px solid rgba(0,0,0,0.15);
	border-bottom: none !important;
}
.page-sidebar .sidebar-logout li>a {
	padding: 8px 0 8px 7px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	position: relative;
}
.page-sidebar .sidebar-logout a {
	color: #fff;
	display: block;
	font-weight: 300;
	text-decoration: none;
}
.page-sidebar .sidebar-logout a:hover{
	background-color: rgba(255,255,255,0.2);
}
.page-sidebar .sidebar-logout a .menu-icon {
	display: inline-block;
	vertical-align: middle;
	min-width: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: -3px
}
/* ==========================================================================
   page content style
   ========================================================================== */
.page-content {
	position: relative;
	margin-left: 224px;
	min-height: 100%;
}

/* page breadcrumb style */
.page-breadcrumbs {
	position: relative;
	background: #f3f3f3;
	min-height: 40px;
	line-height: 39px;
	padding: 0;
	display: block;
	z-index: 1;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15)
}
.page-breadcrumbs.breadcrumbs-fixed {
	position: fixed;
	right: 0;
	left: 224px;
	top: 45px;
	z-index: 999
}
.page-breadcrumbs.breadcrumbs-fixed+.page-header {
	margin-top: 40px
}
.breadcrumb {
	background-color: transparent;
	display: inline-block;
	line-height: 24px;
	margin: 0 22px 0 12px;
	padding: 0;
	font-size: 13px;
	color: #333;
	border-radius: 0
}
.breadcrumb>li, .breadcrumb>li.active {
	color: #777;
	-webkit-text-shadow: none;
	text-shadow: none
}
.breadcrumb>li+li:before {
	color: #999
}
.breadcrumb>li>.divider {
	padding: 0 4px
}
.breadcrumb>li>a {
	display: inline-block;
	color: #2dc3e8
}
.breadcrumb>li:first-child>a {
	padding-left: 4px
}
.breadcrumb>li>i {
	margin-left: 4px;
	margin-right: 2px;
	font-size: 20px;
	position: relative;
	top: 2px
}
.breadcrumb .expand-icon {
	height: 22px;
	padding: 0;
	margin: 0;
	position: relative;
	top: 1px;
	font-size: 14px;
	color: #b2b6bf
}

.page-breadcrumbs .header-buttons {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0
}
.page-breadcrumbs .header-buttons a {
	position: relative;
	vertical-align: middle;
	display: inline-block;
	z-index: 1029;
	height: 40px;
	width: 36px;
	margin-right: 5px;
	padding: 8px 10px;
	color: #dfdfdf;
	-webkit-transition: all .218s ease;
	-moz-transition: all .218s ease;
	-o-transition: all .218s ease;
	transition: all .218s ease;
	float: right
}
.page-breadcrumbs .header-buttons a:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	right: 0;
	height: 4px;
	max-height: 4px;
	overflow: hidden;
	background-color: #2dc3e8
}
.page-breadcrumbs .header-buttons a:hover {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	color: #2dc3e8
}
.page-breadcrumbs .header-buttons a.active {
	color: #2dc3e8
}
.page-breadcrumbs .header-buttons a i {
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	line-height: 27px
}
.page-breadcrumbs .header-buttons a.fullscreen:before {
	background-color: #fb6e52
}
.page-breadcrumbs .header-buttons a.fullscreen:hover, .page-breadcrumbs .header-buttons a.fullscreen.active {
	color: #fb6e52
}
.page-breadcrumbs .header-buttons a.refresh:before {
	background-color: #ffce55
}
.page-breadcrumbs .header-buttons a.refresh:hover, .page-breadcrumbs .header-buttons a.refresh.active {
	color: #ffce55
}
.page-breadcrumbs .header-buttons a.sidebar-toggler:before {
	background-color: #2dc3e8
}
.page-breadcrumbs .header-buttons a.sidebar-toggler:hover, .page-breadcrumbs .header-buttons a.sidebar-toggler.active {
	color: #2dc3e8
}

.page-body{
	position: fixed;
	top: 85px;
	left: 224px;
	right: 0;
	bottom: 0;
}
.page-sidebar.hide ~.page-content .page-body {
	position: static !important;
}
/* ==========================================================================
   page footer style
   ========================================================================== */
.page-footer1 {
	display: block;
	height: 37px;
	color: #f5f5f5;
	position: relative;
	z-index: 4;
}
.page-footer:after{
	clear: both;
	content: "";
}
.page-footer .logout,
.page-footer .copyright{
	float: left;
}
.page-footer .logout, 
.page-footer .logout li {
	margin: 0;
	padding: 0;
}
.page-footer .logout {
	background: #1fae66;
	border-right: 1px solid #198443;
	width: 224px;
}
.page-footer .logout li {
	list-style: none;
	position: relative;
	border-top: 1px solid rgba(0,0,0,0.15);
	border-bottom: none !important;
}
.page-footer .logout li>a {
	padding: 8px 0 8px 7px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	position: relative;
}
.page-footer .logout a {
	color: #fff;
	display: block;
	font-weight: 300;
	text-decoration: none;
}
.page-footer .logout a:hover{
	background-color: rgba(255,255,255,0.2);
}
.page-footer .logout a .menu-icon {
	display: inline-block;
	vertical-align: middle;
	min-width: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: -3px
}
.page-footer .copyright{
	text-align: center;
	position: absolute;
	right: 0;
	left: 224px;
	bottom: 10px;
	display: block;
}
.page-footer.menu-compact .logout {
	width: 42px;
}
.page-footer.menu-compact .logout>li>a .menu-text {
	display: none;
}
.page-footer.menu-compact .copyright{
	left: 42px;
}
.page-footer.hide {
	display: block!important;
}
.page-footer.hide .logout {
	display: none;
}
.page-footer.hide .copyright{
	left: 0;
}
/* ==========================================================================
   page widget's wrapper style
   ========================================================================== */
/* list wrapper & editor wrapper switch transition*/
.wrapper {
	position: relative;
	height: auto;
	min-height: 100%;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}
.wrapper.wrapper-list{
	padding:0;
}
.wrapper.editor-wrapper-open{
	padding:0;
	overflow: visible;
}
.wrapper.editor-wrapper-open:after{
	content: " ";
	clear: both;
}
.result-wrapper,
.editor-wrapper {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.result-wrapper,
.editor-wrapper-open .editor-wrapper {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.editor-wrapper-open .result-wrapper{
	opacity: .5;
}
.editor-wrapper {
	-webkit-transform: translate(101%, 0);
  -ms-transform: translate(101%, 0);
  -o-transform: translate(101%, 0);
  transform: translate(101%, 0);
}
.wrapper-shadow{
	border: 1px solid #cfdbe2;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.editor-wrapper{
	position: absolute;
  top:0;
	width: 100%;
}
.wrapper .result-wrapper > .content-heading{
	padding: 0;
	padding-top: 10px;
}

/* ==========================================================================
   TODO tab style
   ========================================================================== */
.tabs .nav-tabs {
	background-color: #1fae66;
	border-bottom: none;
}
.tabs .nav-tabs > li {
	margin: 0;
	position: relative;
}
.tabs .nav-tabs > li.active > a, 
.tabs .nav-tabs > li.active > a:hover, 
.tabs .nav-tabs > li.active > a:focus{
	border: none;
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
}

.tabs .nav-tabs > li > a:hover{
	color: #fff;
	background-color:rgba(255,255,255,0.15); 
}
.tabs .nav-tabs > li > a {
	margin: 0;
	color: #fff;
	font-weight: normal;
	border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-right: 1px solid rgba(0, 0, 0, 0.15) !important;
	border-top: none;
	border-bottom: none;
	line-height: auto;
	height: 36px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.tabs .nav-tabs > li > a .menu-icon {
	margin-right: 5px;
}
.tabs .tab-content {
	background-color: #fff;
	position: relative;
	padding: 0 10px;
}
/* override bootstrap default style */
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus{
	border-top: 2px solid #337ab7;
}
.nav.widget .open>a, 
.nav.widget .open>a:focus, 
.nav.widget .open>a:hover{
	background-color: rgba(255, 255, 255, 0.2);
}

/* ==========================================================================
   TODO widget style
   ========================================================================== */
.widget {
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin: 0 0 10px 0
}
.widget.collapsed .widget-body {
	display: none
}
.widget.collapsed.radius-bordered .widget-header {
	-webkit-border-radius: 3px 3px 3px 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px 3px 3px 3px;
	-moz-background-clip: padding;
	border-radius: 3px 3px 3px 3px;
	background-clip: padding-box
}
.widget.no-header .widget-header {
	display: none
}
.widget.no-header.radius-bordered .widget-body {
	-webkit-border-radius: 3px 3px 3px 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px 3px 3px 3px;
	-moz-background-clip: padding;
	border-radius: 3px 3px 3px 3px;
	background-clip: padding-box
}
.widget.maximized {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	margin: 0;
	overflow: auto
}
.widget.maximized .widget-body {
	padding: 12px 0
}
.widget.transparent .widget-header, .widget.transparent .widget-body {
	background-color: rgba(0, 0, 0, 0);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.widget.transparent .widget-header {
	border-bottom: 1px solid #ccc
}
.widget.bordered-top {
	border-top: 3px solid #fff
}
.widget.bordered-bottom {
	border-bottom: 3px solid #fff
}
.widget.bordered-left {
	border-left: 3px solid #fff
}
.widget.bordered-right {
	border-right: 3px solid #fff
}
.widget.radius-bordered .widget-header {
	-webkit-border-radius: 3px 3px 0 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px 3px 0 0;
	-moz-background-clip: padding;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box
}
.widget.radius-bordered .widget-body {
	-webkit-border-radius: 0 0 3px 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 0 3px 3px;
	-moz-background-clip: padding;
	border-radius: 0 0 3px 3px;
	background-clip: padding-box
}
.widget.flat .widget-body, .widget.flat .widget-header {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.widget.lightshadow .widget-body, .widget.lightshadow .widget-header {
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .2)
}
.widget:hover .compact {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}
.widget:hover .compact i {
	color: #2dc3e8
}
.widget-header {
	position: relative;
	min-height: 35px;
	background: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	color: #555;
	padding-left: 12px;
	text-align: right
}
.widget-header .widget-icon {
	display: block;
	width: 30px;
	height: 32px;
	position: relative;
	float: left;
	font-size: 111%;
	line-height: 32px;
	text-align: center;
	margin-left: -10px
}
.widget-header>.widget-caption {
	line-height: 34px;
	padding: 0;
	margin: 0;
	float: left;
	text-align: left;
	font-weight: 400 !important;
	font-size: 13px
}
.widget-header>.widget-caption>a{
	color: #555;
	text-decoration: none;
}
.widget-header.lined {
	border: 0;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	padding-left: 2%
}
.widget-header.lined:before {
	content: " ";
	position: absolute;
	display: block;
	width: 96%;
	bottom: 0;
	top: 35px;
	height: 1px;
	left: 2%;
	z-index: 1;
	border-bottom: 1px solid #e5e5e5
}
.widget-header.lined .widget-buttons {
	padding-right: 2%
}
.widget-header.lined+.widget-body {
	padding-left: 2%;
	padding-right: 2%
}
.widget-header.separated {
	margin-bottom: 5px
}
.widget-header[class*="bg-"] {
	border: 0
}
.widget-header[class*="bg-"] .widget-caption, 
.widget-header[class*="bg-"] i,
.widget-header[class*="bg-"] a{ color: #fff }

.widget-header.bordered-top { border-top: 3px solid #fff }
.widget-header.bordered-left { border-left: 3px solid #fff }
.widget-header.bordered-right { border-right: 3px solid #fff }
.widget-header.bordered-bottom { border-bottom: 3px solid #fff }

.widget-header.header-large {
	min-height: 49px;
	padding-left: 18px
}
.widget-header.header-large h5 {
	line-height: 48px;
	font-size: 16px
}
.widget-header.header-large>.widget-buttons {
	line-height: 48px;
	height: 48px
}
.widget-header.header-large>.widget-buttons a {
	min-width: 26px
}
.widget-header.header-large>.widget-buttons a i {
	font-size: 20px
}
.widget-header.header-small {
	min-height: 29px;
	padding-left: 10px
}
.widget-header.header-small h5 {
	line-height: 28px;
	font-size: 12px
}
.widget-header.header-small>.widget-buttons {
	line-height: 29px;
	height: 29px
}
.widget-header.header-small>.widget-buttons a {
	min-width: 16px;
	height: 16px
}
.widget-header.header-small>.widget-buttons a i {
	font-size: 14px
}
.widget-buttons {
	display: inline-block;
	padding: 0 5px;
	line-height: 34px;
	position: relative;
	text-align: left;
	height: 36px
}
.widget-buttons.buttons-bordered {
	border-left: 1px solid #e5e5e5
}
.widget-buttons.compact {
	margin-top: 4px;
	background-color: #f5f5f5;
	line-height: 27px;
	-webkit-transition: background-color .218s ease;
	-moz-transition: background-color .218s ease;
	-o-transition: background-color .218s ease;
	transition: background-color .218s ease;
	-webkit-transition: -webkit-box-shadow .218s ease;
	-moz-transition: -moz-box-shadow .218s ease;
	-o-transition: box-shadow .218s ease;
	transition: box-shadow .218s ease;
	-webkit-transition: color .318s ease;
	-moz-transition: color .318s ease;
	-o-transition: color .318s ease;
	transition: color .318s ease;
	height: 27px
}
.widget-buttons.compact:hover {
	background-color: #2dc3e8;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}
.widget-buttons.compact:hover i {
	color: #fff
}
.widget-buttons.compact:before {
	display: block;
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -4px;
	width: 4px;
	max-width: 4px;
	overflow: hidden;
	background-color: #2dc3e8
}
.widget-buttons.compact a {
	min-width: 14px;
	line-height: 14px
}
.widget-buttons.compact i {
	color: #ccc;
	font-size: 14px
}
.widget-buttons.no-padding {
	padding: 0
}
.widget-buttons.padding-5 {
	padding: 0 5px
}
.widget-buttons.no-border:before {
	display: none
}
.widget-buttons label {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
	line-height: 6px
}
.widget-buttons>a {
	font-size: 14px;
	margin: 0 1px;
	display: inline-block;
	padding: 0;
	line-height: 24px;
	min-width: 20px;
	text-align: center
}
.widget-buttons>a:hover {
	text-decoration: none
}
.widget-buttons>a i {
	vertical-align: middle
}
.widget-buttons>[data-toggle]>.fa {
	margin-right: 0
}
.widget-buttons>[data-toggle]:hover {
	zoom: 1;
	filter: alpha(opacity = 50);
	-webkit-opacity: .5;
	-moz-opacity: .5;
	opacity: .5
}
.widget-buttons>[data-toggle]:focus {
	text-decoration: none
}
.widget-buttons>[data-toggle="dispose"] {
	color: #777;
	font-size: 14px
}
.widget-buttons>[data-toggle="maximize"] {
	color: #777;
	font-size: 14px
}
.widget-buttons>[data-toggle="collapse"] {
	color: #777;
	font-size: 14px
}
.widget-buttons>[data-toggle="refresh"] {
	color: #777;
	font-size: 14px
}
.widget-buttons>[data-toggle="config"] {
	color: #777;
	font-size: 14px
}
.widget-buttons .progress {
	vertical-align: middle;
	display: inline-block;
	margin: 0;
	min-width: 100px;
	margin-top: -3px
}
.widget-buttons .btn-group {
	margin-top: -2px
}
.widget-buttons .btn-group .dropdown-menu {
	right: 0;
	left: auto
}
.widget-buttons .badge {
	margin-top: -2px
}
.widget-buttons .label {
	padding: 5px 6px 5px 6px
}
.widget-buttons .pagination, .widget-buttons .pager {
	float: right;
	margin: 5px 2px 1px
}
.widget-buttons .btn {
	margin-top: -2px
}
.widget-body {
	background-color: #fbfbfb;
	-webkit-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
	box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
	padding: 12px
}
.widget-body.bordered-left {
	border-left: 3px solid #fff
}
.widget-body.bordered-right {
	border-right: 3px solid #fff
}
.widget-body.bordered-bottom {
	border-bottom: 3px solid #fff
}
.widget-body.bordered-top {
	border-top: 3px solid #fff
}
.widget-body[class*="bg-"] {
	color: #fff
}
.widget-body.no-padding {
	padding: 0
}
.widget-body.no-padding .accordion {
	border: 0
}
.widget-body.no-padding .dataTables_filter label {
	margin: 10px
}
.widget-body.no-padding .dataTables_length {
	top: 10px;
	right: 10px
}
.widget-body.no-padding .DTTT.btn-group {
	right: 80px;
	top: 10px
}
.widget-body .accordion.panel-group {
	border-top-width: 1px !important
}
.widget-body>table {
	margin-bottom: 0
}
.widget-body hr.wide {
	margin-left: -12px;
	margin-right: -12px
}
.widget-footer{
	text-align: right;
	border-top: 2px solid #fff;
	padding-top: 5px;
}

/* ==========================================================================
   Callout styles
   ========================================================================== */
.callout {
  color: #fff;
  border-radius: 3px;
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.callout a {
  color: #fff;
  text-decoration: underline;
}
.callout a:hover {
  color: #eee;
}
.callout h4 {
  margin-top: 0;
  font-weight: 600;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout code,
.callout .highlight {
  background-color: #fff;
}
.callout.callout-danger {
  border-color: #c23321;
  background-color: #dd4b39 !important;
}
.callout.callout-warning {
  border-color: #c87f0a;
  background-color: #f39c12 !important;
}
.callout.callout-info {
  border-color: #0097bc;
  background-color: #00c0ef !important;
}
.callout.callout-success {
  border-color: #00733e;
  background-color: #00a65a !important;
}
/* ==========================================================================
   dashboard styles
   ========================================================================== */
/** databox */
.databox {
	display: inline-block;
	width: 100%;
	height: 65px;
	padding: 0;
	font-size: 0;
	margin-bottom: 10px;
	vertical-align: top;
	min-width: 130px;
}
.databox.databox-lg {
	height: 80px;
}
.databox.box-shadow {
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.databox.databox-shadowed {
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
.databox.radius-bordered {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.databox.radius-bordered .databox-left {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
.databox.databox-graded {
	background-image: url(…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
	background-image: -webkit-linear-gradient(left, #ddd, #fff);
	background-image: -moz-linear-gradient(left, #ddd, #fff);
	background-image: -o-linear-gradient(left, #ddd, #fff);
	background-image: linear-gradient(to right, #ddd, #fff);
}
.databox.databox-vertical {
	width: 100%;
	height: 100px;
}
.databox.databox-vertical.databox-lg {
	height: 150px;
	width: 100%;
}
.databox.databox-vertical.databox-graded {
	background-image: url(…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
	background-image: -webkit-linear-gradient(top, #e5e5e5, #fff);
	background-image: -moz-linear-gradient(top, #e5e5e5, #fff);
	background-image: -o-linear-gradient(top, #e5e5e5, #fff);
	background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.databox.databox-vertical.radius-bordered {
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
}
.databox.databox-vertical .databox-top {
	position: relative;
	width: 100%;
	height: 50px;
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 5px;
	color: #2dc3e8;
}
.databox.databox-vertical .databox-top[class*="bg-"] {
	color: #fff;
}
.databox.databox-vertical.databox-lg .databox-top {
	height: 50px;
}
.databox.databox-vertical.radius-bordered .databox-top {
	-webkit-border-radius: 3px 3px 0 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px 3px 0 0;
	-moz-background-clip: padding;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
}
.databox.databox-vertical.databox-lg.databox-inverted .databox-top {
	height: 100px;
}
.databox.databox-vertical .databox-bottom {
	position: relative;
	width: 100%;
	height: 50px;
	display: inline-block;
	margin: 0;
	color: #555;
	padding: 5px 10px;
}
.databox.databox-vertical.databox-lg .databox-bottom {
	height: 100px;
}
.databox.databox-vertical.databox-lg.databox-inverted .databox-bottom {
	height: 50px;
}
.databox.databox-vertical.radius-bordered .databox-bottom {
	-webkit-border-radius: 0 0 3px 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 0 3px 3px;
	-moz-background-clip: padding;
	border-radius: 0 0 3px 3px;
	background-clip: padding-box;
}
.databox .databox-row {
	width: 100%;
	margin: 0;
	position: relative;
}
.databox.databox-vertical.radius-bordered .databox-bottom .databox-row:last-child .databox-cell:first-child{
	-webkit-border-radius: 0 0 0 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 0 0 3px;
	-moz-background-clip: padding;
	border-radius: 0 0 0 3px;
	background-clip: padding-box;
}
.databox .databox-cell.cell-6 {
	width: 50%;
}
.databox .databox-cell {
	height: 100%;
	margin: 0;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
}
.databox .databox-left {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0;
	width: 65px;
	height: 65px;
	padding: 10px;
	color: #2dc3e8;
}
.databox .databox-left[class*="bg-"] {
	color: #fff;
}
.databox.radius-bordered .databox-right {
	-webkit-border-radius: 0 3px 3px 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 3px 3px 0;
	-moz-background-clip: padding;
	border-radius: 0 3px 3px 0;
	background-clip: padding-box;
}
.databox .databox-right {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	-lh-property: 0;
	width: -webkit-calc(100% - 65px);
	width: -moz-calc(100% - 65px);
	width: calc(100% - 65px);
	height: 65px;
	color: #555;
	padding: 5px 10px;
}
.databox .databox-number {
	display: block;
	font-size: 17px;
	line-height: 26px;
	margin: 2px;
	position: relative;
	font-family: 'Roboto', 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
}
.databox .databox-text {
	display: block;
	font-size: 11px;
	margin: 4px 0 2px;
	position: relative;
}
.databox .databox-stat {
	display: inline-block;
	position: absolute;
	right: 7px;
	top: 7px;
	padding: 2px 5px;
}
.databox .databox-stat.radius-bordered {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.databox .databox-stat .stat-icon.icon-lg {
	font-size: 16px;
}
.databox .databox-stat .stat-icon {
	display: inline-block;
	font-size: 13px;
}
.databox .databox-state {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 24px;
	width: 24px;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background-color: #e5e5e5;
	text-align: center;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	border: 2px solid #fff;
}
.databox .databox-state i {
	font-size: 13px;
	color: #fff;
	line-height: 20px;
}
.databox .databox-sparkline {
	padding-top: 0;
	margin: 0 auto;
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	text-align: center;
	font-size: 24px
}
.databox .databox-piechart {
	padding-top: 0;
	margin: 0 auto;
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
}
.jqstooltip {
	padding: 7px !important;
	border-radius: 3px !important;
	border: 0 !important;
	background-color: #000 !important;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.jqstooltip .jqsfield {
	font-family: 'Open Sans', 'Segoe UI';
	font-size: 11px
}

/** dashboard-box */
.dashboard-box {
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	margin-bottom: 10px;
}
.dashboard-box.radius-bordered {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.dashboard-box .box-header {
	background-color: #fff;
	padding: 20px;
	position: relative;
}
.dashboard-box .box-header.bordered-bottom {
	border-bottom: 3px solid #2dc3e8;
}
.dashboard-box .box-header .headline {
	position: absolute;
	top: -3px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	padding: 5px 10px;
	border-top: 3px solid #2dc3e8;
	color: #999;
	font-size: 12px;
}
.dashboard-box .box-tabs .tabable .nav-tabs li {
	background-color: #fff;
}
.dashboard-box .box-tabs .tabable .nav-tabs li:first-child.active a {
	border-left: 0;
}
.dashboard-box .box-tabs .tabable .nav-tabs li.active a {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	background-color: #fff;
}
.dashboard-box .box-tabs .tabable .tab-content {
	margin-top: 1px;
	background-color: #fff;
}
.box-content .ranking-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.box-content .ranking-list .ranking-item {
	position: relative;
	padding: 7px 10px;
	vertical-align: top;
	border-bottom: 1px solid #e5e5e5;
}
.box-content .ranking-list .ranking-item .item-left {
	padding-right: 0;
}
.box-content .ranking-list .ranking-item .item-left .item-name {
	margin: 6px 0;
	color: #666;
}
.box-content .ranking-list .ranking-item .item-left .item-price {
	font-size: 11px;
	margin-bottom: 2px;
	color: #999;
}
.box-content .ranking-list .ranking-item .item-right {
	padding-left: 0;
	text-align: center;
}
.box-content .ranking-list .ranking-item .item-right .item-count {
	font-size: 13px;
	margin: 17px auto;
	color: #666;
}
.box-content .ranking-list .ranking-item .item-range {
	position: absolute;
	right: -8px;
	-lh-property: 0;
	top: -webkit-calc(50% - 13px);
	top: -moz-calc(50% - 13px);
	top: calc(50% - 13px);
	width: 22px;
	height: 22px;
	font-size: 14px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	border: 3px solid #fff;
	vertical-align: middle;
	color: #2dc3e8;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
.box-content .ranking-list .ranking-item.top .item-range {
	color: #fb6e52;
}
.box-content .ranking-list .ranking-item .item-range span {
	font-size: 13px;
	display: block;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
	-webkit-font-smoothing: antialiased;
}
.box-content.box-content-padding{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/** dashboard nav-tabs override bootstrap */
.nav-tabs {
	margin-bottom: 0;
	margin-left: 0;
	border: 0;
	top: 2px;
	background-color: #eee;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	box-shadow: 0 0 4px rgba(0, 0, 0, .3);
}
.nav-tabs.tabs-flat {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0);
}
.nav-tabs.nav-justified {
	margin-bottom: -2px;
}
.nav-tabs>li {
	margin-bottom: -2px;
}
.nav-tabs>li>a, 
.nav-tabs>li>a:focus {
	border-radius: 0 !important;
	color: #777;
	margin-right: -1px;
	line-height: 12px;
	position: relative;
	z-index: 11;
}
.nav-tabs>li:first-child>a {
	margin-left: 0;
	border-left: 1px solid #fbfbfb;
}
.nav-tabs>li>a:hover{
	color: #2dc3e8;
	background-color: transparent;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
	color: #262626;
	border: 0;
	border-top: 2px solid #2dc3e8;
	border-bottom-color: transparent;
	background-color: #fbfbfb;
	z-index: 12;
	line-height: 16px;
	margin-top: -2px;
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .15);
}
.nav-tabs.nav-justified>li>a {
	border: none;
	margin-top: -2px;
}
.nav-tabs.nav-justified>li>a {
	border: none;
	margin-top: -2px;
}
.nav-tabs.nav-justified>.active>a, 
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
	border: 0;
	border-top: 2px solid #2dc3e8;
	background-color: #fbfbfb;
}
.tab-content.tabs-flat {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-top: 1px solid #e5e5e5;
}
.tab-content.no-padding {
	padding: 0;
}
.tab-content {
	background-color: #fbfbfb;
	padding: 16px 12px;
	position: relative;
	-webkit-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
	box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
}

/* ==========================================================================
   chart styles
   ========================================================================== */
.easypiechart {
	position: relative;
	text-align: center;
}
.easypiechart canvas {
	position: absolute;
	top: 0;
	left: 0;
}

/* ==========================================================================
   full calendar styles
   ========================================================================== */
.fc-toolbar{
	padding: 0 20px !important;
	margin-bottom: 0 !important;
	border-bottom: 2px solid #2dc3e8 !important;
}
.fc-state-default {
	background-color: #fff !important;
	background-image: none !important;
	background-repeat: repeat-x !important;
	box-shadow: none !important;
	color: #333 !important;
	text-shadow: none !important;
	border: 1px solid !important
}
.fc-button {
	color: inherit !important;
	border: 1px solid #e7eaec !important;
	cursor: pointer !important;
	display: inline-block !important;
	height: 1.9em !important;
	line-height: 1.9em !important;
	overflow: hidden !important;
	padding: 0 .6em !important;
	position: relative !important;
	white-space: nowrap !important
}
.fc-state-active {
	background-color: #1ab394 !important;
	border-color: #1ab394 !important;
	color: #fff !important
}
.fc-state-highlight {
	background: none repeat scroll 0 0 #FCF8E3 !important
}
.fc-header-title h2 {
	font-size: 16px !important;
	font-weight: 600 !important;
	color: inherit !important
}
.fc-day-grid-event .fc-content{
	white-space:normal !important;
}
.fc-content .fc-widget-content, .fc-content .fc-widget-header {
	border-color: #e7eaec !important;
	font-weight: 400 !important
}
.fc-border-separate tbody {
	background-color: #F8F8F8 !important
}
.external-event {
	padding: 5px 10px !important;
	border-radius: 2px !important;
	cursor: pointer !important;
	margin-bottom: 5px !important
}
.fc-ltr .fc-event-hori.fc-event-end, 
.fc-rtl .fc-event-hori.fc-event-start {
	border-radius: 2px !important
}
.fc-agenda .fc-event-time, .fc-event, .fc-event a {
	padding: 4px 6px !important;
	background-color: #1ab394 !important;
	border-color: #1ab394 !important;
}
.fc-agenda.warning .fc-event-time.warning, .fc-event.warning, .fc-event a.warning {
	background-color: #FF9933 !important;
	border-color: #FF9933 !important;
}
.fc-agenda.danger .fc-event-time.danger, .fc-event.danger, .fc-event a.danger {
	background-color: #FF3300 !important;
	border-color: #FF3300 !important;
}
.fc-event-time, .fc-event-title {
	color: #717171 !important;
	padding: 0 1px !important
}

/* ==========================================================================
   search style
   ========================================================================== */   
.search-panel{
	border: 1px solid #ddd;
	padding: 10px;
}

/* ==========================================================================
   editor style
   ========================================================================== */
form dl {
	margin: 0;
	padding: 0;
	outline: none;
}
.row-editor{ position: relative; }

.editor-group {
	display: table;
	width: 100%;
	font-size: 14px;
	background: #fefefe;
	margin-bottom: 10px;
	border: 1px solid #f0f0f0;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.editor-group-title {
	display: table-cell;
	width: 30px;
	padding: 0 3px;
	background: #f2f2f2;
	color: #aaa;
	line-height: 1.5;
	vertical-align: middle;
	text-align: center;
	position: relative;
  overflow: hidden;
}
.editor-group-title:hover{
	background: #e5e5e5;
}
.editor-group-title span {
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	display: block;
}
.editor-group-detail {
	position: relative;
	display: table-cell;
	padding: 10px;
}
.editor-group-control {
	position: relative;
	font-size: 12px;
	text-align: right;
}
.editor-group-form{
	padding-right: 20px;
}
.editor-heading-sm{
	padding: 5px 15px;
}
.editor-heading-sm .panel-title{
	font-size: 14px;
}
.editor-body-sm label{
	font-weight: normal;
}
.editor-body-sm label.sm{
	font-size: 10px;
}
.editor-footer-sm{
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #ddd!important;
}
.field-group{
	padding-bottom: 0;
  border-bottom: 1px dashed #d4d2d5;
  margin-bottom: 15px;
}
.editor-body-parents .field-group:first-child,
.editor-body-student .field-group:first-child{
	display: none;
}
.help-inline{
	display: inline-block;
	padding-left: 5px;
	padding-right: 10px;
}
.photo-panel{
	border-left: 2px solid #f2f2f2;
	position: absolute;
	bottom: 15px;
	right: 0;
	top: 0;
}
.photo-panel .photo-body,
.photo-panel .person-photo{
	width: 209px;
	height: 190px;
	background-color: #fefefe;
}
.photo-panel .person-photo{
	border: 2px dotted #f2f2f2;
}
.widget-avatar,
.student-photo{
	border: 1px solid #ddd;
	border-radius:3px;
	background-color: #f5f5f5;
	text-align: center;
}
.student-photo{
	width: 84px;
	height: 84px;
	padding-top: 5px;
}
.baby-photo-body img{
	cursor: pointer;
	width: 72px;
	height: 72px;
}
.editor-wrapper .input-group > .open > button, 
.editor-wrapper .input-group > .open > button:hover, 
.editor-wrapper .input-group > .open > button:focus {
  box-shadow: 0 -3px 0 #5d9cec inset;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.editor-wrapper .input-group .open .dropdown-menu {
	position: absolute;
	background-color: #FFF;
	left: 0px;
	right: 0px;
	border-top: 2px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
@media only screen and (min-width: 768px){
	.editor-wrapper .input-group .open .dropdown-menu {
	  left: auto;
	  right: 0;
	}
}

.input-group .chosen-container-single .chosen-single,
.input-group .chosen-container-multi .chosen-choices{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group .chosen-container .chosen-choices .search-field input{
	width:auto!important;
}
.input-group-btn{ position: relative; }
@media (max-width: 767px){
	.input-group-btn{ position: static; }
}
/* form element style */
input[type="text"]{ border-radius:3px; }

.required{ border-color: #f85d2c!important; }
.readonly{ background: #f5f5f5; }
.control-label.required{color: #f85d2c;}

.form-richedit {
	margin-left: 15px!important;
}
/* ========================================================================
   Component: form-elements.less
 ========================================================================== */
/**
 * Custom form elements
 *    - Checkbox 
 *    - Radios
 *    - Switch
 *    - Rounded inputs
 */
.c-checkbox,
.c-radio {
  margin-right: 4px;
}
.c-checkbox *,
.c-radio * {
  cursor: pointer;
}
.c-checkbox input,
.c-radio input {
  opacity: 0;
  position: absolute;
  margin-left: 0 !important;
}
.c-checkbox span,
.c-radio span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: -20px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #ccc;
  margin-right: 5px;
  text-align: center;
}
.c-checkbox span:before,
.c-radio span:before {
  margin-left: 1px;
}
.c-checkbox:hover span,
.c-radio:hover span {
  border-color: #5d9cec;
}
.form-inline .c-checkbox span,
.form-inline .c-radio span {
  margin-left: 0;
}
.c-checkbox.c-checkbox-rounded span,
.c-radio.c-checkbox-rounded span,
.c-checkbox.c-radio-rounded span,
.c-radio.c-radio-rounded span {
  border-radius: 500px;
}
/* override for radio */
.c-radio span {
  border-radius: 500px;
}
/* the icon */
.c-checkbox span:before,
.c-radio span:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  text-align: center !important;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
}
/* Checked state */
.c-checkbox,
.c-radio {
  /* override for radio */
  /* Disable state */
  /* override for radio */
}
.c-checkbox input[type=checkbox]:checked + span:before,
.c-radio input[type=checkbox]:checked + span:before,
.c-checkbox input[type=radio]:checked + span:before,
.c-radio input[type=radio]:checked + span:before {
  color: #fff;
  opacity: 1;
  transition: color 0.3s ease-out;
}
.c-checkbox input[type=checkbox]:checked + span,
.c-radio input[type=checkbox]:checked + span,
.c-checkbox input[type=radio]:checked + span,
.c-radio input[type=radio]:checked + span {
  border-color: #5d9cec;
  background-color: #5d9cec;
}
.c-checkbox input[type=radio]:checked + span,
.c-radio input[type=radio]:checked + span {
  background-color: #fff;
}
.c-checkbox input[type=radio]:checked + span:before,
.c-radio input[type=radio]:checked + span:before {
  color: #5d9cec;
}
.c-checkbox input[type=checkbox]:disabled + span,
.c-radio input[type=checkbox]:disabled + span,
.c-checkbox input[type=radio]:disabled + span,
.c-radio input[type=radio]:disabled + span {
  border-color: #dddddd !important;
  background-color: #dddddd !important;
}
.c-checkbox input[type=radio]:disabled + span,
.c-radio input[type=radio]:disabled + span {
  background-color: #fff !important;
}
.c-checkbox input[type=radio]:disabled + span:before,
.c-radio input[type=radio]:disabled + span:before {
  color: #dddddd;
}
.c-radio.c-radio-nofont {
  /* override for radio */
  /* Disable state */
  /* override for radio */
}
.c-radio.c-radio-nofont span:before {
  content: " ";
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  border-radius: 500px;
}
.c-radio.c-radio-nofont input[type=radio]:checked + span:before {
  color: #fff;
  opacity: 1;
  transition: color 0.3s ease-out;
}
.c-radio.c-radio-nofont input[type=radio]:checked + span {
  border-color: #5d9cec;
  background-color: #5d9cec;
}
.c-radio.c-radio-nofont input[type=radio]:checked + span {
  background-color: #fff;
}
.c-radio.c-radio-nofont input[type=radio]:checked + span:before {
  background-color: #5d9cec;
}
.c-radio.c-radio-nofont input[type=radio]:disabled + span {
  border-color: #dddddd !important;
  background-color: #dddddd !important;
}
.c-radio.c-radio-nofont input[type=radio]:disabled + span {
  background-color: #fff !important;
}
.c-radio.c-radio-nofont input[type=radio]:disabled + span:before {
  background-color: #dddddd;
}
.form-control-rounded {
  border-radius: 100px;
}
.switch .form-control {
  padding-top: 7px;
  margin-bottom: 0;
}
.switch * {
  cursor: pointer;
}
.switch input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.switch span {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 100px;
  transition: all .5s;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) inset;
  vertical-align: middle;
}
.switch span:after {
  content: " ";
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #ddd;
  border-radius: 400px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: all .2s;
}
.switch.switch-lg span {
  width: 50px;
  height: 25px;
}
.switch.switch-lg span:after {
  height: 23px;
  width: 23px;
}
.switch.switch-sm span {
  width: 30px;
  height: 15px;
}
.switch.switch-sm span:after {
  height: 13px;
  width: 13px;
}
.switch input:checked + span {
  background-color: #5d9cec;
  border-color: #5d9cec;
  transition: all .5s;
}
.switch input:checked + span:after {
  left: 50%;
  transition: all .2s;
}
.form-control-feedback {
  left: 16px;
  right: auto;
}
.form-control + .form-control-feedback,
.form-control + .parsley-errors-list + .form-control-feedback {
  right: 0;
  left: auto;
}
.input-sm + .form-control-feedback,
.input-sm + .parsley-errors-list + .form-control-feedback {
  top: 0;
}
.input-md {
  width: 260px;
}

.input-group .input-group-btn:first-child .chosen-container-single .chosen-single{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-color: #ccc;
	border-right: 0;
}
.input-group .input-group-btn:last-child .chosen-container-single .chosen-single{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-color: #ccc;
	border-left: 0;
}

/* ==========================================================================
   TODO other override style
   ========================================================================== */
.hidden{ display: none; }
.modal-fill{width: auto!important;}
.modal-middle{ top: 25%; }
.editable-container{ padding: 0 10px; }
/* amaran width auto */
.amaran{min-width: 200px;}
.amaran.awesome{min-width: 300px;}
.amaran,.amaran.awesome{width: auto!important;}
.amaran-close:before{color: #a94422!important;}

/* ==========================================================================
   TODO bootstrap table buttons style
   ========================================================================== */
.btn-table-op:not(:first-child) {
	margin-left: 5px;
}
.btn.btn-addon{
  background-color: #eee;
  border-color: #ccc;
}
.btn.btn-classes,
.btn .btn-classes{
	display: block;
}
.btn.btn-classes:not(:first-child){
	margin-top: 5px;
}
.btn.btn-addon:hover{
	background-color: #ddd;
}
select.no-border-radius{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.no-border-radius .btn.btn-addon,
.input-group-addon.no-border-radius{
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}

.table .table-th-right{
	text-align: right;
	vertical-align: middle;
	background-color: #f8f8f8;
}
.table .table-th-center{
	text-align: center;
	vertical-align: middle;
	background-color: #f8f8f8;
}
/* ==========================================================================
   TODO margin & padding style
   ========================================================================== */
.no-padding { padding: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-margin { margin: 0 !important; }
.no-margin-bottom{ margin-bottom: 0!important; }

.m-b-20{ margin-bottom: 20px; }

.horizontal-space {
	max-height: 1px;
	min-height: 1px;
	overflow: hidden;
	margin: 6px 0;
}
.horizontal-space.space-lg { margin: 8px 0; }

.vertical-space.space-5{ height: 5px; }

.hidden{display: none;}

/* ==========================================================================
   TODO background color style
   ========================================================================== */
.bg-blue { background-color: #5db2ff!important; }
.bg-gold { background-color: #f9b256!important; }
.bg-white { background-color: #fff !important; }
.bg-orange { background-color: #fb6e52 !important; }
.bg-palegreen { background-color: #a0d468!important; }
.bg-blue-light { background-color: #2dc3e8 !important; }
.bg-yellow-deep { background-color: #f5bf44 !important; }

/* ==========================================================================
   TODO background color style
   ========================================================================== */
.gray,.font-gray{ color: #777!important; }
.white,.font-white{ color: #fff!important; }
.green,.font-green { color: #4aaf51 !important; }
.orange,.font-orange { color: #fb6e52 !important; }
.darkgray,.font-darkgray { color: #999999 !important; }
.palegreen,.font-palegreen { color: #a0d468 !important; }
.blue-light,.font-blue-light { color: #2dc3e8 !important; }
.yellow-deep,.font-yellow-deep { color: #f5bf44 !important; }

/* ==========================================================================
   font size styles
   ========================================================================== */
.font-90 { font-size: 90%; }

.text-align-left { text-align: left !important; }
.text-align-right { text-align: right !important; }
.text-align-center { text-align: center !important; }

/* ==========================================================================
   TODO background color style
   ========================================================================== */
.bordered-gray { border-color: #ddd! important; }
.bordered-pink { border-color: #e75b8d !important; }
.bordered-orange { border-color: #fb6e52 !important; }
.bordered-blueberry { border-color: #6f85bf!important; }
.bordered-blue-light { border-color: #2dc3e8 !important; }

/* ==========================================================================
   TODO custom icons style
   ========================================================================== */
.icon {
	width: 20px;
	text-align: center;
}

/* ==========================================================================
   TODO custom animated icons style
   ========================================================================== */
.icon-animated-bell {
  display: inline-block;
  -moz-animation: ringing 5.0s 5 ease 2.0s;
  -webkit-animation: ringing 3.0s 5 ease 2.0s;
  -o-animation: ringing 5.0s 5 ease 2.0s;
  -ms-animation: ringing 5.0s 5 ease 2.0s;
  animation: ringing 5.0s 5 ease 2.0s;
  -moz-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
@-moz-keyframes ringing {
  0% {
    -moz-transform: rotate(-15deg);
  }
  2% {
    -moz-transform: rotate(15deg);
  }
  4% {
    -moz-transform: rotate(-18deg);
  }
  6% {
    -moz-transform: rotate(18deg);
  }
  8% {
    -moz-transform: rotate(-22deg);
  }
  10% {
    -moz-transform: rotate(22deg);
  }
  12% {
    -moz-transform: rotate(-18deg);
  }
  14% {
    -moz-transform: rotate(18deg);
  }
  16% {
    -moz-transform: rotate(-12deg);
  }
  18% {
    -moz-transform: rotate(12deg);
  }
  20% {
    -moz-transform: rotate(0deg);
  }
}
@-webkit-keyframes ringing {
  0% {
    -webkit-transform: rotate(-15deg);
  }
  2% {
    -webkit-transform: rotate(15deg);
  }
  4% {
    -webkit-transform: rotate(-18deg);
  }
  6% {
    -webkit-transform: rotate(18deg);
  }
  8% {
    -webkit-transform: rotate(-22deg);
  }
  10% {
    -webkit-transform: rotate(22deg);
  }
  12% {
    -webkit-transform: rotate(-18deg);
  }
  14% {
    -webkit-transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-12deg);
  }
  18% {
    -webkit-transform: rotate(12deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
  }
}
@-ms-keyframes ringing {
  0% {
    -ms-transform: rotate(-15deg);
  }
  2% {
    -ms-transform: rotate(15deg);
  }
  4% {
    -ms-transform: rotate(-18deg);
  }
  6% {
    -ms-transform: rotate(18deg);
  }
  8% {
    -ms-transform: rotate(-22deg);
  }
  10% {
    -ms-transform: rotate(22deg);
  }
  12% {
    -ms-transform: rotate(-18deg);
  }
  14% {
    -ms-transform: rotate(18deg);
  }
  16% {
    -ms-transform: rotate(-12deg);
  }
  18% {
    -ms-transform: rotate(12deg);
  }
  20% {
    -ms-transform: rotate(0deg);
  }
}
@keyframes ringing {
  0% {
    transform: rotate(-15deg);
  }
  2% {
    transform: rotate(15deg);
  }
  4% {
    transform: rotate(-18deg);
  }
  6% {
    transform: rotate(18deg);
  }
  8% {
    transform: rotate(-22deg);
  }
  10% {
    transform: rotate(22deg);
  }
  12% {
    transform: rotate(-18deg);
  }
  14% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-12deg);
  }
  18% {
    transform: rotate(12deg);
  }
  20% {
    transform: rotate(0deg);
  }
}
.icon-animated-vertical {
  display: inline-block;
  -moz-animation: vertical 2.0s 5 ease 2.0s;
  -webkit-animation: vertical 2.0s 5 ease 2.0s;
  -o-animation: vertical 2.0s 5 ease 2.0s;
  -ms-animation: vertical 2.0s 5 ease 2.0s;
  animation: vertical 2.0s 5 ease 2.0s;
}
@-moz-keyframes vertical {
  0% {
    -moz-transform: translate(0, -3px);
  }
  4% {
    -moz-transform: translate(0, 3px);
  }
  8% {
    -moz-transform: translate(0, -3px);
  }
  12% {
    -moz-transform: translate(0, 3px);
  }
  16% {
    -moz-transform: translate(0, -3px);
  }
  20% {
    -moz-transform: translate(0, 3px);
  }
  22% {
    -moz-transform: translate(0, 0);
  }
}
@-webkit-keyframes vertical {
  0% {
    -webkit-transform: translate(0, -3px);
  }
  4% {
    -webkit-transform: translate(0, 3px);
  }
  8% {
    -webkit-transform: translate(0, -3px);
  }
  12% {
    -webkit-transform: translate(0, 3px);
  }
  16% {
    -webkit-transform: translate(0, -3px);
  }
  20% {
    -webkit-transform: translate(0, 3px);
  }
  22% {
    -webkit-transform: translate(0, 0);
  }
}
@-ms-keyframes vertical {
  0% {
    -ms-transform: translate(0, -3px);
  }
  4% {
    -ms-transform: translate(0, 3px);
  }
  8% {
    -ms-transform: translate(0, -3px);
  }
  12% {
    -ms-transform: translate(0, 3px);
  }
  16% {
    -ms-transform: translate(0, -3px);
  }
  20% {
    -ms-transform: translate(0, 3px);
  }
  22% {
    -ms-transform: translate(0, 0);
  }
}
@keyframes vertical {
  0% {
    transform: translate(0, -3px);
  }
  4% {
    transform: translate(0, 3px);
  }
  8% {
    transform: translate(0, -3px);
  }
  12% {
    transform: translate(0, 3px);
  }
  16% {
    transform: translate(0, -3px);
  }
  20% {
    transform: translate(0, 3px);
  }
  22% {
    transform: translate(0, 0);
  }
}
.icon-animated-hand-pointer {
  display: inline-block;
  -moz-animation: hand-pointer 2.0s 4 ease 2.0s;
  -webkit-animation: hand-pointer 2.0s 4 ease 2.0s;
  -o-animation: hand-pointer 2.0s 4 ease 2.0s;
  -ms-animation: hand-pointer 2.0s 4 ease 2.0s;
  animation: hand-pointer 2.0s 4 ease 2.0s;
}
@-moz-keyframes hand-pointer {
  0% {
    -moz-transform: translate(0, 0);
  }
  6% {
    -moz-transform: translate(5px, 0);
  }
  12% {
    -moz-transform: translate(0, 0);
  }
  18% {
    -moz-transform: translate(5px, 0);
  }
  24% {
    -moz-transform: translate(0, 0);
  }
  30% {
    -moz-transform: translate(5px, 0);
  }
  36% {
    -moz-transform: translate(0, 0);
  }
}
.icon-animated-wrench {
  display: inline-block;
  -moz-animation: wrenching 2.5s 4 ease;
  -webkit-animation: wrenching 2.5s 4 ease;
  -o-animation: wrenching 2.5s 4 ease;
  -ms-animation: wrenching 2.5s 4 ease;
  animation: wrenching 2.5s 4 ease;
  -moz-transform-origin: 90% 35%;
  -webkit-transform-origin: 90% 35%;
  -o-transform-origin: 90% 35%;
  -ms-transform-origin: 90% 35%;
  transform-origin: 90% 35%;
}
@-moz-keyframes wrenching {
  0% {
    -moz-transform: rotate(-12deg);
  }
  8% {
    -moz-transform: rotate(12deg);
  }
  10% {
    -moz-transform: rotate(24deg);
  }
  18% {
    -moz-transform: rotate(-24deg);
  }
  20% {
    -moz-transform: rotate(-24deg);
  }
  28% {
    -moz-transform: rotate(24deg);
  }
  30% {
    -moz-transform: rotate(24deg);
  }
  38% {
    -moz-transform: rotate(-24deg);
  }
  40% {
    -moz-transform: rotate(-24deg);
  }
  48% {
    -moz-transform: rotate(24deg);
  }
  50% {
    -moz-transform: rotate(24deg);
  }
  58% {
    -moz-transform: rotate(-24deg);
  }
  60% {
    -moz-transform: rotate(-24deg);
  }
  68% {
    -moz-transform: rotate(24deg);
  }
  75% {
    -moz-transform: rotate(0deg);
  }
}
@-webkit-keyframes wrenching {
  0% {
    -webkit-transform: rotate(-12deg);
  }
  8% {
    -webkit-transform: rotate(12deg);
  }
  10% {
    -webkit-transform: rotate(24deg);
  }
  18% {
    -webkit-transform: rotate(-24deg);
  }
  20% {
    -webkit-transform: rotate(-24deg);
  }
  28% {
    -webkit-transform: rotate(24deg);
  }
  30% {
    -webkit-transform: rotate(24deg);
  }
  38% {
    -webkit-transform: rotate(-24deg);
  }
  40% {
    -webkit-transform: rotate(-24deg);
  }
  48% {
    -webkit-transform: rotate(24deg);
  }
  50% {
    -webkit-transform: rotate(24deg);
  }
  58% {
    -webkit-transform: rotate(-24deg);
  }
  60% {
    -webkit-transform: rotate(-24deg);
  }
  68% {
    -webkit-transform: rotate(24deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
  }
}
@-o-keyframes wrenching {
  0% {
    -o-transform: rotate(-12deg);
  }
  8% {
    -o-transform: rotate(12deg);
  }
  10% {
    -o-transform: rotate(24deg);
  }
  18% {
    -o-transform: rotate(-24deg);
  }
  20% {
    -o-transform: rotate(-24deg);
  }
  28% {
    -o-transform: rotate(24deg);
  }
  30% {
    -o-transform: rotate(24deg);
  }
  38% {
    -o-transform: rotate(-24deg);
  }
  40% {
    -o-transform: rotate(-24deg);
  }
  48% {
    -o-transform: rotate(24deg);
  }
  50% {
    -o-transform: rotate(24deg);
  }
  58% {
    -o-transform: rotate(-24deg);
  }
  60% {
    -o-transform: rotate(-24deg);
  }
  68% {
    -o-transform: rotate(24deg);
  }
  75% {
    -o-transform: rotate(0deg);
  }
}
@-ms-keyframes wrenching {
  0% {
    -ms-transform: rotate(-12deg);
  }
  8% {
    -ms-transform: rotate(12deg);
  }
  10% {
    -ms-transform: rotate(24deg);
  }
  18% {
    -ms-transform: rotate(-24deg);
  }
  20% {
    -ms-transform: rotate(-24deg);
  }
  28% {
    -ms-transform: rotate(24deg);
  }
  30% {
    -ms-transform: rotate(24deg);
  }
  38% {
    -ms-transform: rotate(-24deg);
  }
  40% {
    -ms-transform: rotate(-24deg);
  }
  48% {
    -ms-transform: rotate(24deg);
  }
  50% {
    -ms-transform: rotate(24deg);
  }
  58% {
    -ms-transform: rotate(-24deg);
  }
  60% {
    -ms-transform: rotate(-24deg);
  }
  68% {
    -ms-transform: rotate(24deg);
  }
  75% {
    -ms-transform: rotate(0deg);
  }
}
@keyframes wrenching {
  0% {
    transform: rotate(-12deg);
  }
  8% {
    transform: rotate(12deg);
  }
  10% {
    transform: rotate(24deg);
  }
  18% {
    transform: rotate(-24deg);
  }
  20% {
    transform: rotate(-24deg);
  }
  28% {
    transform: rotate(24deg);
  }
  30% {
    transform: rotate(24deg);
  }
  38% {
    transform: rotate(-24deg);
  }
  40% {
    transform: rotate(-24deg);
  }
  48% {
    transform: rotate(24deg);
  }
  50% {
    transform: rotate(24deg);
  }
  58% {
    transform: rotate(-24deg);
  }
  60% {
    transform: rotate(-24deg);
  }
  68% {
    transform: rotate(24deg);
  }
  75% {
    transform: rotate(0deg);
  }
}
@-moz-keyframes blinking {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
}
@-webkit-keyframes blinking {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes blinking {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
}
@keyframes blinking {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes pulsating {
  0% {
    -moz-transform: scale(1);
  }
  5% {
    -moz-transform: scale(0.75);
  }
  10% {
    -moz-transform: scale(1);
  }
  15% {
    -moz-transform: scale(1.25);
  }
  20% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.75);
  }
  30% {
    -moz-transform: scale(1);
  }
  35% {
    -moz-transform: scale(1.25);
  }
  40% {
    -moz-transform: scale(1);
  }
}
@-webkit-keyframes pulsating {
  0% {
    -webkit-transform: scale(1);
  }
  5% {
    -webkit-transform: scale(0.75);
  }
  10% {
    -webkit-transform: scale(1);
  }
  15% {
    -webkit-transform: scale(1.25);
  }
  20% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.75);
  }
  30% {
    -webkit-transform: scale(1);
  }
  35% {
    -webkit-transform: scale(1.25);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@-ms-keyframes pulsating {
  0% {
    -ms-transform: scale(1);
  }
  5% {
    -ms-transform: scale(0.75);
  }
  10% {
    -ms-transform: scale(1);
  }
  15% {
    -ms-transform: scale(1.25);
  }
  20% {
    -ms-transform: scale(1);
  }
  25% {
    -ms-transform: scale(0.75);
  }
  30% {
    -ms-transform: scale(1);
  }
  35% {
    -ms-transform: scale(1.25);
  }
  40% {
    -ms-transform: scale(1);
  }
}
@keyframes pulsating {
  0% {
    transform: scale(1);
  }
  5% {
    transform: scale(0.75);
  }
  10% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.25);
  }
  20% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.75);
  }
  30% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.25);
  }
  40% {
    transform: scale(1);
  }
}